import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './element/index'
import 'element-ui/lib/theme-chalk/index.css';
// 导入富文本编辑器
import VueQuilEditor from 'vue-quill-editor'
// 导入 富文本编辑器的  样式
import 'quill/dist/quill.snow.css' // 富文本编辑器外部引用样式  三种样式三选一引入即可
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.bubble.css'

// 引入时间插件
import Moment from 'moment'

// 注册为全局可用
Vue.use(VueQuilEditor)

import TreeTable from "vue-table-with-tree-grid"
// 引入iconfonts字体
import './assets/fonts/iconfont.css'

// 全局样式
import './assets/global.css'

// 全局的时间过滤器  
// Vue.filter('dateFormat', function(originVal) {
//   const dt = new Date(originVal)

//   const y = dt.getFullYear()
//   const m = (dt.getMonth() + 1 + '').padStart(2, '0')
//   const d = (dt.getDate() + '').padStart(2, '0')

//   const hh = (dt.getHours() + '').padStart(2, '0')
//   const mm = (dt.getMinutes() + '').padStart(2, '0')
//   const ss = (dt.getSeconds() + '').padStart(2, '0')

//   return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
// })

// 时间插件的 全局过滤器
Vue.filter('formatDate', function(value) {
  return Moment(value).format('YYYY-MM-DD HH:mm:ss')
})


Vue.config.productionTip = false

// 引入之后 注册为全局 组件 重新命名
Vue.component('tree-table',TreeTable)


new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')


// 项目优化 1、添加进度条  nprogress 插件 可以写到 路由拦截器里
// ESlink  报错
// 运行 build 命令 生成disk目录 生产环境的发布  console.log 不允许 
// 配置 babel-plugin    网址:https://www.jianshu.com/p/fc38d025b50a 使用 移除掉 console.log
//  开发 测试阶段 也会删除 不希望 开发测试的时候 删除  定义一个常量数组 prodPlugins 项目发布阶段用到的数组
// 默认是空的 
// 判读if (process.env.NODE_ENV === 'production') {
//   prodPlugins.push('transform-remove-console')
// }



/** // 这是项目发布阶段需要用到的 babel 插件
const prodPlugins = []
if (process.env.NODE_ENV === 'production') {
  prodPlugins.push('transform-remove-console')
}

module.exports = {
  presets: ['@vue/app'],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ],
    // 发布产品时候的插件数组
    ...prodPlugins,
    '@babel/plugin-syntax-dynamic-import'
  ]
}
*/

/**生产打包报告  手动 运行打包的时候 后面加一个 --report  可以生成一个 html
 * 通过可视化ui面板 查看
 */